{include file="public/header" /}

<div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            <div>
                <a class="layui-btn" href="<?= url('add'); ?>">添加员工</a>
            </div>
            <table class="layui-table">
                <thead>
                <tr>
                    <th>编号</th>
                    <th>姓名</th>
                    <th>年龄</th>
                    <th>部门</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <ul>
                    <?php if (isset($emps)): foreach ($emps as $emp): ?>
                    <tr>
                        <td><?php echo $emp['Eno'] ?></td>
                        <td><?= $emp['Ename'] ?></td>
                        <td><?= $emp['Eage'] ?></td>
                        <td><?= $emp['dept']['Dname'] ?></td>
                        <td>
                            <a href="<?= url('edit?no='.$emp['Eno']) ?>" class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                            <button onclick="showDel('<?= $emp['Ename'] ?>', '<?= $emp['Eno'] ?>')" class="layui-btn layui-btn-danger layui-btn-xs">删除</button>
                            <!--<a href="<?= url('del?no='.$emp['Eno']) ?>" class="layui-btn layui-btn-danger layui-btn-xs">删除</a>-->
                        </td>
                    </tr>
                    <?php endforeach; endif; ?>
                </ul>
                </tbody>
            </table>
            {$emps->render()}
            <div id="listpage"></div>
        </div>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域
    </div>
</div>
<script src="__STATIC__/layui/layui.js"></script>
<script>
    //JavaScript代码区域
    layui.use(['element','layer','laypage'], function(){
        var element = layui.element;
        var layer = layui.layer;
        var laypage = layui.laypage;

        laypage.render({
            elem: 'listpage'
            ,count: 70 //数据总数，从服务端得到
            ,jump: function(obj, first){
                //obj包含了当前分页的所有参数，比如：
                console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                console.log(obj.limit); //得到每页显示的条数

                //首次不执行
                if(!first){
                    //do something
                }
            }
        });
    });

    function showDel(name, no) {
        var layer = layui.layer;

        layer.confirm('确认删除' + name + '？', {
            btn: ['确认', '取消'] //可以无限个按钮
        }, function(index, layero){
            //按钮【按钮一】的回调
            location.href = 'del/no/'+no;
            console.log(index)
        }, function(index){
            //按钮【按钮二】的回调
            console.log(index)
        });

    }
</script>
</body>
</html>